<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス lz-checkbox</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/15　翻訳初版</contrib>
 </othercredit>
</head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Checkbox">
    <lztier>LZ Components</lztier>
    <lzcategory>View</lzcategory>
    <lzshortdesc>
        checkboxタグはシンプルなトグルボタンを提供します。
    </lzshortdesc>
    <lztag>lz/checkbox.xml</lztag>
</lzelement>

<p>
	<tagname>checkbox</tagname>タグは<code>true</code>と
	<code>false</code>を表すシンプルなトグルボタンを提供します。
	<code>enabled=false</code>にすることでマウスからのイベントを受け付けなくなります。
</p>

<example title="simple checkbox">
&lt;canvas debug="true" height="160"&gt;
  &lt;debug x="135" y="15"/&gt;
  &lt;checkbox id="checkMe" text="Show Green Square"/&gt;
  &lt;view visible="${checkMe.value}" bgcolor="green" width="20" height="20"/&gt;

  &lt;button text="Toggle" onclick="checkMe.setAttribute('value', !checkMe.value)"/&gt;
  &lt;button text="Disable" onclick="checkMe.setAttribute('enabled', false)"/&gt;
  &lt;button text="Enable" onclick="checkMe.setAttribute('enabled', true)"/&gt;
  &lt;button text="status" onclick="Debug.write('value: '+checkMe.value)"/&gt;
  &lt;simplelayout axis="y" spacing="4"/&gt;
&lt;/canvas&gt;
</example>

	<p>
	checkboxの属性は他の属性を制限する為に使用されます。上記の例で言えば、
	checkboxをクリックすることで緑のviewを可視/不可視にします。 
	checkboxの値が変更する度に緑のviewのvisibility属性も変化します。
</p>

<seealso>
<component-design id="checkbox" title="Checkbox"/>
</seealso>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
